// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 激活Bootstrap工具提示
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
    
    // 日期时间选择器初始化
    const dateTimeInputs = document.querySelectorAll('.datetimepicker');
    if (dateTimeInputs.length > 0) {
        dateTimeInputs.forEach(input => {
            // 这里可以添加日期时间选择器的初始化代码
            // 例如使用flatpickr或bootstrap-datepicker等库
        });
    }
    
    // 支付表单处理
    const paymentForm = document.getElementById('payment-form');
    if (paymentForm) {
        paymentForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const bookingId = this.dataset.bookingId;
            
            // 显示加载状态
            const submitBtn = this.querySelector('button[type="submit"]');
            const originalText = submitBtn.innerHTML;
            submitBtn.disabled = true;
            submitBtn.innerHTML = '处理中...';
            
            // 发送支付请求
            fetch(`/process_payment/${bookingId}`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                body: JSON.stringify({
                    payment_method: document.querySelector('input[name="payment_method"]:checked').value
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // 显示成功消息
                    const successDiv = document.createElement('div');
                    successDiv.className = 'alert alert-success';
                    successDiv.innerHTML = data.message;
                    paymentForm.parentNode.insertBefore(successDiv, paymentForm);
                    
                    // 3秒后跳转到个人中心
                    setTimeout(() => {
                        window.location.href = '/profile';
                    }, 3000);
                } else {
                    // 显示错误消息
                    const errorDiv = document.createElement('div');
                    errorDiv.className = 'alert alert-danger';
                    errorDiv.innerHTML = data.message;
                    paymentForm.parentNode.insertBefore(errorDiv, paymentForm);
                    
                    // 恢复按钮状态
                    submitBtn.disabled = false;
                    submitBtn.innerHTML = originalText;
                }
            })
            .catch(error => {
                console.error('Error:', error);
                // 显示错误消息
                const errorDiv = document.createElement('div');
                errorDiv.className = 'alert alert-danger';
                errorDiv.innerHTML = '支付处理过程中发生错误，请稍后再试。';
                paymentForm.parentNode.insertBefore(errorDiv, paymentForm);
                
                // 恢复按钮状态
                submitBtn.disabled = false;
                submitBtn.innerHTML = originalText;
            });
        });
    }
}); 